<!DOCTYPE HTML>
<html>
<head>
    <title>个人简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Personale Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="./bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="./style.css" rel='stylesheet' type='text/css' />
    <script src="./jquery-1.11.1.min.js"></script>
    <!--webfonts-->
    <link href='http://fonts.googleapis.com/css?family=Candal|Raleway:500,600,400' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <script type="text/javascript" src="./move-top.js"></script>
    <script type="text/javascript" src="./easing.js"></script>
    <!--/script-->
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},900);
            });
        });
    </script>
    <script>
        $(function() {
            // 运行当前选中的特效
            function runEffect() {
                // 从中获取特效类型
                var selectedEffect = $( "#effectTypes" ).val();

                // 大多数的特效类型默认不需要传递选项
                var options = {};
                // 一些特效带有必需的参数
                if ( selectedEffect === "scale" ) {
                    options = { percent: 0 };
                } else if ( selectedEffect === "transfer" ) {
                    options = { to: "#button", className: "ui-effects-transfer" };
                } else if ( selectedEffect === "size" ) {
                    options = { to: { width: 200, height: 60 } };
                }

                // 运行特效
                $( "#effect" ).effect( selectedEffect, options, 500, callback );
            };

            // 回调函数
            function callback() {
                setTimeout(function() {
                    $( "#effect" ).removeAttr( "style" ).hide().fadeIn();
                }, 1000 );
            };

            // 根据选择菜单值设置特效
            $( "#loginbutton" ).click(function() {
                runEffect();
                return false;
            });
        });
    </script>
</head>
<body>
<!--start-home-->
<ul class="side_nav">
    <li><a class="active scroll" href="#home"></a></li>
    <li><a class="scroll" href="#about"></a></li>
    <li><a class="scroll" href="#experience"></a></li>
    <li><a class="scroll" href="#skill"></a></li>
    <li><a class="scroll" href="#contact"></a></li>
</ul>
<div class="banner" id="home">
    <div class="header-top">
        <div class="container">
            <!--top-nav-->
            <span class="menu"> </span>
            <div class="top-menu">
                <nav>
                    <ul class="cl-effect-16">
                        <li><a class="active scroll" href="#home" data-hover="主页">主页</a></li>
                        <li><a class="scroll" href="#about" data-hover="关于我">关于我</a></li>
                        <li><a class="scroll" href="#experience" data-hover="经历">经历</a></li>
                        <li><a class="scroll" href="#skill" data-hover="技能">技能</a></li>
                        <li><a class="scroll" href="#contact" data-hover="联系方式">联系方式</a></li>
                        <div class="clearfix"></div>
                    </ul>
                </nav>
            </div>
            <div class="login-pop">
                <div id="loginpop">
                    <a href="#" id="loginButton"><span>登录 <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a>
                    <div id="loginBox">
                        <form id="loginForm">
                            <fieldset id="body">
                                <fieldset>
                                    <label for="email">邮箱</label>
                                    <input type="text" name="email" id="email">
                                </fieldset>
                                <fieldset>
                                    <label for="password">密码</label>
                                    <input type="password" name="password" id="password">
                                </fieldset>
                                <input type="submit" id="login" value="登录">
                                <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
                            </fieldset>
                            <span><a href="#">忘了密码？</a></span>
                        </form>
                    </div>
                </div>
            </div><script src="./menu_jquery.js"></script>

            <!-- script-for-menu -->
            <script>
                $("span.menu").click(function(){
                    $(".top-menu ul").slideToggle("slow" , function(){
                    });
                });
            </script>
            <!-- script-for-menu -->

            <div class="clearfix"></div>
            <!-- script-for-menu -->
        </div>
    </div>
    <!--banner-->
    <div class="container">
        <!-- script-for-menu -->
        <div class="banner-info">
            <div class="logo">
                <a href="index.html"><h1>My resume </h1></a>
                <a href="index.html"><h1>个人简历 </h1></a>
            </div>
            <p> When and where people should learn to face the reality.</p>
            <div class="scroll-down">
                <h4>向下滚动</h4>
                <a class="downarrow scroll" href="#about"><span></span></a>
            </div>
        </div>
    </div>
</div>
<!--about-->
<div class="about" id="about">
    <div class="container">
        <h3 class="tittle">关于我</h3>
        <div class="col-md-5 ab-grid pic">
            <img src="./images/艺术照IMG_2079_看图王.jpg" alt=" " title="ab">
        </div>
        <div class="col-md-7 ab-grid text">
            <h3>个人简介</h3>
            <p style="text-indent:2em;">我叫任利清，今年23岁，出生在四川省江油市的一个小山村里，现居住于四川省绵阳市涪城区，2015年毕业于绵阳职业技术学院，财务管理专业，毕业后并没有从事专业相关的工作，现在从事于IT专业。</p>
            <p style="text-indent:2em;">由于我从小就是个比较内向的孩子，又没有自信，反而更多的是自卑，所以一直以来，不管是生活中还是学习中都比较吃力，不过我是很努力的，从小成绩就挺不错的，家人们对我也都是很疼爱的。
                到现在经历了许多，心智也成熟了不少，性格也外向了些，这对目前参与工作的我来说，是需要在过程中加强锻炼的。</p>


        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!--//about-->
<!--experience-starts-->
<div class="experience" id="experience">
    <div class="container">
        <h3 class="tittle four">教育经历</h3>
        <div class="experience-main">
            <span class="devide-line"></span>
            <div class="experience-left">
                <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
                <h4><b>初中</b></h4>
                <h4><b>江油市明镜中学校</b> [ 2006 - 2009 ]</h4>
                <p>一向内向的我，读初中了，开学就觉得紧张，要融入的同学圈子扩大了，要结识到的朋友也越来越多了。初中由于我的性格转变的挺慢的，所以玩耍的心思还不重，成绩在全年级一直都是名列前茅。</p>
            </div>
            <div class="experience-left-snd">
                <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
            </div>
            <div class="experience-right-snd">
                <h4><b>高中</b></h4>
                <h4><b>江油市明镜中学校</b> [ 2009 - 2012 ]</h4>
                <p>升入高中了，我还是在同一所学校里就读，对这里的坏境也是相当熟悉了，所以开学也没之前那么紧张了。高中，初中的很多同学都各奔东西，留在母校的同学也不是很多了，不过也结识了很多新的同学。高中时期的学习是相当紧张的，由于竞争的激烈，我的成绩下降了，也导致了我最后高考的成绩并不理想。</p>
            </div>
            <div class="experience-left-trd">
                <span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
                <h4><b>大学</b></h4>
                <h4><b>绵阳职业技术学院</b> [ 2012 - 2015 ]</h4>
                <p>读大学，现在都是比较普遍的，大学生活对我来说是比较自由的，课程也比较轻松，也正是这个原因，很多大学生玩的时间超过读书的时间，大学生出社会的竞争也是相当激烈的，所以为了工作，一定要学会一门技术。</p>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!--experience-end-->

<!--my-skill-->
<div class="my-skills text-center" id="skill">
    <div class="container">
        <h3 class="tittle">技能</h3>
        <div class="skill-grids">
            <div class="col-md-2 skills-grid text-center">
                <div class="circle" id="circles-1"></div>
                <p>jQuery</p>
            </div>
            <div class="col-md-2 skills-grid text-center">
                <div class="circle" id="circles-2"></div>
                <p>Html</p>
            </div>
            <div class="col-md-2 skills-grid text-center">
                <div class="circle" id="circles-3"></div>
                <p>CSS</p>
            </div>
            <div class="col-md-2 skills-grid text-center">
                <div class="circle" id="circles-4"></div>
                <p>Photoshop</p>
            </div>
            <div class="col-md-2 skills-grid text-center">
                <div class="circle" id="circles-5"></div>
                <p>English</p>
            </div>
            <div class="clearfix"> </div>
            <script type="text/javascript" src="./circles.js"></script>
            <script>
                var colors = [
                    ['#f6608a', '#ffffff'], ['#f6608a', '#ffffff'], ['#f6608a', '#ffffff'], ['#f6608a', '#ffffff'], ['#f6608a', '#ffffff'], ['#f6608a', '#ffffff']
                ];
                for (var i = 1; i <= 7; i++) {
                    var child = document.getElementById('circles-' + i),
                            percentage = 30 + (i * 10);

                    Circles.create({
                        id:         child.id,
                        percentage: percentage,
                        radius:     80,
                        width:      10,
                        number:   	percentage / 1,
                        text:       '%',
                        colors:     colors[i - 1]
                    });
                }

            </script>
        </div>
    </div>
</div>
<!--//my-skill-->

<script src="./jquery.chocolat.js"></script>
<link rel="stylesheet" href="./chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
    $(function() {
        $('.gallery a').Chocolat();
    });
</script>


<script src="./jquery.chocolat.js"></script>
<link rel="stylesheet" href="./chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<!-- Javascript calls -->
<script type="text/javascript" charset="utf-8">
    $(function() {
        $('#port a').Chocolat({overlayColor:'#000',leftImg:'images/leftw.gif',rightImg:'images/rightw.gif',closeImg:'images/closew.gif'});
    });
</script>

<!--//portfolio-->

<!--start-contact-->
<div class="contact_desc" id="contact">
    <div class="container">
        <h3 class="tittle">Contact Me</h3>
        <div class="contact-form">
            <form class="left_form">
                <div>
                    <span><label>姓名</label></span>
                    <span><input name="userName" type="text" class="textbox"></span>
                </div>
                <div>
                    <span><label>邮箱</label></span>
                    <span><input name="userEmail" type="text" class="textbox"></span>
                </div>
                <div>
                    <span><label>传真</label></span>
                    <span><input name="userPhone" type="text" class="textbox"></span>
                </div>
            </form>
            <form class="right_form">
                <div>
                    <span><label>爱好</label></span>
                    <span><textarea name="userMsg"> </textarea></span>
                </div>
                <div>
                    <input type="submit" value="提交 " />
                </div>
            </form>
            <div class="clearfix"></div>
        </div>
    </div>
</div>



<div class="copy">
    <p>My resume</p>
</div>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

</body>
</html>